<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
    <script src="../js/jquery-1.8.0.min.js"></script>
    <script>
        $(document).ready(function(){
            $(".c_words").fadeToggle(4000);
        });

        $(document).ready(function(){
            $(".c_words1").fadeToggle(4000);
        });


    </script>

    <style>

        html,body
        {
            margin:0px;
            height:100%;
        }

        #bg
        {
            position:relative;
            width: 100%;
            height: 100%;
        }

        .c_words
        {
            position:absolute;
            top:35px;
            height:30px;
            line-height:30px;
            display: none;
        }

        .c_words1
        {
            position:absolute;
            top:700px;
            height:30px;
            line-height:30px;
            display: none;
        }



        .span_fontSize
        {

            font-size: 35px;
        }

    </style>
</head>

<body>

<br>
    <img id="bg" src="../img/student.png"/>

    <div class="c_words"><span class="span_fontSize" >同学们的梦想是什么</span></span></div>

    <div class="c_words1"><span class="span_fontSize" >我要当科学家</span></span></div>

    <!--<div class="c_words2"><span class="span_fontSize" >程序员</span></span></div>-->

    <!--<div class="c_words3"><span class="span_fontSize" >科学家</span></div>-->

    <!--<div class="c_words4"><span class="span_fontSize" >设计师</span></div>-->

    <!--<div class="c_words5"><span class="span_fontSize" >。。。。。。</span></div>-->


</body>

</html>